<template>
  <div class="shadow-sm flex justify-center items-center">
    <img class="w-10 h-10 rounded-full" :src="baseUrl" />
  </div>
</template>

<script setup>
import { computed } from 'vue'

const props = defineProps({
  iconId: [String, Number]
})

const baseUrl = computed(
  () =>
    `https://wegame.gtimg.com/g.26-r.c2d3c/helper/lol/assis/images/resources/usericon/${props.iconId}.png`
)
</script>

<style lang="scss" scoped></style>
